<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/staff.css">
    <script src="../jquery/jquery-3.6.0.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../data/data.js"></script>

</head>

<body>
    <!-- 添加员工 -->
    <div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">添加员工</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">编号</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" name="new Work_id" readonly>
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">姓名</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_name">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">部门</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_place">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">职务</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_content">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">电话</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_tel">
                                </div>
                            </div>
                            <!-- <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">在职状态</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_job">
                                </div>
                            </div> -->
                            <!-- <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">QQ</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_qq">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">邮箱</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_mail">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">出生日期</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_birthdata">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">性别</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_sex">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">身份证号码</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_idcard">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">学历</label>
                                <div class="col-sm-8">
                                    <input class="form-control addVal" type="text" id="formGroupInputSmall" placeholder="" value="" name="new Work_education">
                                </div>
                            </div> -->
                        </form>
                    </div>
                    <div class="modal-footer">

                        <button type="button" class="btn btn-primary determine" data-dismiss="modal">确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>

        <!-- 员工信息 -->
        <!-- Modal -->
        <div class="modal fade" id="myModalll" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">员工信息</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">编号</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" name="Work_id" readonly>
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">姓名</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_name">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">部门</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_place">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">职务</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_content">
                                </div>
                            </div>

                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">电话</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_tel">
                                </div>
                            </div>
                            <!-- <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">在职状态</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_job">
                                </div>
                            </div> -->
                            <!-- <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">在职状态</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_qq">
                                </div>
                            </div> -->

                            <!-- <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">邮箱</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_mail">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">出生日期</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_birthdata">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">性别</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_sex">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">身份证号码</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_idcard">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">学历</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_education">
                                </div>
                            </div> -->
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary queding" data-dismiss="modal">确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 员工信息 -->
    <!-- <div>
        <div class="modal fade" id="myModall" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">员工信息</h4>
                    </div>
                    <div class="modal-body" id="modalnn">
                        <form class="form-horizontal">
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">编号</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" name=" Work_id" readonly>
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">姓名</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_name">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">部门</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_place">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">职务</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_content">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">职位</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_job">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">电话</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_tel">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">QQ</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_qq">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">邮箱</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_mail">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">出生日期</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_birthdata">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">性别</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_sex">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">身份证号码</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_idcard">
                                </div>
                            </div>
                            <div class="form-group form-group-sm">
                                <label class="col-sm-2 control-label" for="formGroupInputSmall">学历</label>
                                <div class="col-sm-8">
                                    <input class="form-control valzhi" type="text" id="formGroupInputSmall" placeholder="" value="" name="Work_education">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary queding" data-dismiss="modal">确定</button>
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <div>
        <h2 id="title">员工管理</h2>
        <div>
            <div class="nav">
                <h4>所有部门</h4>
                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control shoushuokuang" id="exampleInputAmount" placeholder="搜索">
                        </div>
                        <button type="button" id="shousuo" class="btn btn-primary">搜索</button>
                        <!-- <button type="button" id="tianjia" class="btn btn-primary">添加员工</button> -->
                        <button type="button" id="tianjia" class="btn btn-primary aadTo" data-toggle="modal" data-target="#myModal">
                            添加员工
                          </button>
                    </div>
                </form>
            </div>
            <div id="content">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>姓名</th>
                            <th>部门名称</th>
                            <th>职务</th>
                            <th>电话号码</th>
                            <th>在职状态</th>
                            <th>操作</th>

                        </tr>
                    </thead>
                    <tbody id="tbody">
                    </tbody>
                </table>
                <nav aria-label="Page navigation example" style="display: flex;align-items: center;justify-content: space-between;height: 74px;">
                    <div id="page-text">

                    </div>
                    <div style="display: flex;align-items: center">
                        <ul class="pagination">
                            <li class="page-item" id="pre">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true" id="pre">&laquo;</span>
                                </a>
                            </li>
                            <li class="page-item pages">

                            </li>
                            <li class="page-item" id="next">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true" id="next">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>


        </div>


    </div>



    <script src="../js/staff.js"></script>
</body>

</html>